<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="divport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="__CDN__/static/css/layui.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/static/css/admin.css" />
</head>
<body>

<div class="ranking">
    <div class="header-title">
        <div><img src="__CDN__/static/images/header-l.png"></div>
        <div class="header-font">教育量化评价排行榜</div>
        <div><img src="__CDN__/static/images/header-r.png"></div>
    </div>

    <div class="box">
        <div class="layui-fluid" id="LAY-component-grid-mobile-pc">
            <div class="layui-row layui-col-space10">
                <div class="layui-col-xs12 layui-col-md12">
                    <div class="layui-card" style="padding: 50px;">
                        <div class="layui-card-body marquee">
                            <div class="layui-row layui-col-space30" style="height: 100%;">
                                {if isset($error)}
                                <div style="text-align: center;"><a href="https://mp.uxuj.cn/admin/semester?ref=addtabs"><h1>{$error}</h1></a></div>
                                {else}
                                <div class="layui-col-xs12 layui-col-md4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            <div style="height: 130px;">

                                                {if isset($data['student']) && $data['student']}
                                                    <div class="honer-content-frist">
                                                        <div class="honer-content-frist-box">
                                                            <div class="frist-box-honer-avtar-box">
                                                                <div class="frist-box-honer-avtar">
                                                                    <img src="{$data['student'][0]['avatar']}" alt="">
                                                                </div>
                                                                <div class="avtar-tag"><img src="__CDN__/static/images/frist.png" alt=""></div>
                                                            </div>
                                                            <div class="honer-content-frist-box-name">{$data['student'][0]['name']}</div>
                                                            <div>{$data['student'][0]['score']}分</div>
                                                            <div class="top-tag"><img src="__CDN__/static/images/top-tag.png" alt=""></div>
                                                        </div>
                                                    </div>
                                                    <div class="honer-content-two">

                                                        {if isset($data['student'][1])}
                                                        <div class="honer-content-two-box">
                                                            <div class="frist-box-honer-avtar-box">
                                                                <div class="frist-box-honer-avtar">
                                                                    <img src="{$data['student'][1]['avatar']}" alt="">
                                                                </div>
                                                                <div class="avtar-tag"><img src="__CDN__/static/images/second.png" alt=""></div>
                                                            </div>
                                                            <div class="honer-content-frist-box-name">{$data['student'][1]['name']}</div>
                                                            <div>{$data['student'][1]['score']}分</div>
                                                            <div class="top-tag"><img src="__CDN__/static/images/silver.png" alt=""></div>
                                                        </div>
                                                        {/if}
                                                        <div class="honer-content-two-box"></div>
                                                        <div class="honer-content-two-box">
                                                            {if isset($data['student'][2])}
                                                            <div class="frist-box-honer-avtar-box">
                                                                <div class="frist-box-honer-avtar">
                                                                    <img src="{$data['student'][2]['avatar']}" alt="">
                                                                </div>
                                                                <div class="avtar-tag"><img src="__CDN__/static/images/third.png" alt=""></div>
                                                            </div>
                                                            <div class="honer-content-frist-box-name">{$data['student'][2]['name']}</div>
                                                            <div>{$data['student'][2]['score']}分</div>
                                                            <div class="top-tag"><img src="__CDN__/static/images/copper.png" alt=""></div>
                                                            {/if}
                                                        </div>
                                                    </div>
                                                {/if}

                                            </div>
                                            <div class="txtMarquee-top01">
                                                <div class="bd">
                                                    {volist name="$data['student']" id="vo" offset="3"}
                                                    <div >
                                                        <div style="height: 60px; border-bottom: rgb(243,243,243) solid 1px;" class="flex flex-row justify-around align-center">
                                                            <div class="flex text-center justify-center align-center" style="width: 10%;">
                                                                {$vo.sort}
                                                            </div>
                                                            <div class="flex text-center justify-center align-center">
                                                                <div class="student-icon">
                                                                    <img src="{$vo.avatar}" />
                                                                </div>
                                                            </div>
                                                            <div class="flex flex-direction justify-centers align-center text-center" style="width: 20%;">
                                                                {$vo.name}
                                                            </div>
                                                            <div class="flex flex-direction align-center" style="width: 20%;">
                                                                <div class="font-sm">{$vo.class_name}</div>
                                                            </div>
                                                            <div class="flex flex-row justify-end" style="width: 20%;">
                                                                <div class="text-green">{$vo.score}分</div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    {/volist}

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-md4" style="height: 100%;">
                                    <div class="layui-card" style="height: 100%;">
                                        <div class="layui-card-header two">班级排行</div>
                                        <div class="layui-card-body">
                                            <div class="flex justify-around text-blue text-bold">
                                                <div class="flex text-center justify-center align-center" style="width: 10%;">排名</div>
                                                <div class="flex flex-direction justify-centers align-center text-center" style="width: 20%;">班级</div>
                                                <div class="flex flex-direction align-center" style="width: 20%;">班主任</div>
                                                <div class="flex flex-row justify-end" style="width: 20%;">分数</div>
                                            </div>
                                            <div class="txtMarquee-top">
                                                <div class="bd">
                                                    {volist name="$data['classes']" id="vo"}
                                                    <div >
                                                        <div style="height: 60px; border-bottom: rgb(243,243,243) solid 1px;" class="flex flex-row justify-around align-center">
                                                            <div class="flex text-center justify-center align-center" style="width: 10%;">
                                                                {switch name="$vo.sort"}
                                                                {case value="1"}<img  src="/static/images/rank-first-image.png" />{/case}
                                                                {case value="2"}<img  src="/static/images/rank-second-image.png" />{/case}
                                                                {case value="3"}<img  src="/static/images/rank-third-image.png" />{/case}
                                                                {default /}{$vo.sort}
                                                                {/switch}
                                                            </div>
                                                            <div class="flex flex-direction justify-centers align-center text-center" style="width: 20%;">
                                                                {$vo.class_name}
                                                            </div>
                                                            <div class="flex flex-direction align-center" style="width: 20%;">
                                                                <div class="main-desc-color font-sm">{$vo.headmaster_name}</div>
                                                            </div>
                                                            <div class="flex flex-row justify-end" style="width: 20%;">
                                                                <div class="text-blue">{$vo.score}分</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {/volist}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-md4" style="height: 100%;">
                                    <div class="layui-card" style="height: 100%;">
                                        <div class="layui-card-header three">宿舍排行</div>
                                        <div class="layui-card-body">
                                            <div class="flex justify-around text-orange text-bold">
                                                <div class="flex text-center justify-center align-center" style="width: 10%;">排名</div>
                                                <div class="flex flex-direction justify-centers align-center text-center" style="width: 30%;">宿舍</div>
                                                <div class="flex flex-direction align-center" style="width: 20%;">入住人数</div>
                                                <div class="flex flex-row justify-end" style="width: 20%;">分数</div>
                                            </div>
                                            <div class="txtMarquee-top">
                                                <div class="">
                                                    {volist name="$data['dorm']" id="vo"}
                                                    <div >
                                                        <div style="height: 60px; border-bottom: rgb(243,243,243) solid 1px;" class="flex flex-row justify-around align-center">
                                                            <div class="flex text-center justify-center align-center" style="width: 10%;">
                                                                {switch name="$vo.sort"}
                                                                {case value="1"}<img  src="/static/images/rank-first-image.png" />{/case}
                                                                {case value="2"}<img  src="/static/images/rank-second-image.png" />{/case}
                                                                {case value="3"}<img  src="/static/images/rank-third-image.png" />{/case}
                                                                {default /}{$vo.sort}
                                                                {/switch}
                                                            </div>
                                                            <div class="flex flex-direction justify-centers align-center text-center" style="width: 30%;">
                                                                {$vo.dorm_number}
                                                            </div>
                                                            <div class="flex flex-direction align-center" style="width: 20%;">
                                                                <div class="main-desc-color font-sm">{$vo.bed_used_count}/{$vo.bed_count}</div>
                                                            </div>
                                                            <div class="flex flex-row justify-end" style="width: 20%;">
                                                                <div class="text-orange">{$vo.score}分</div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    {/volist}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="__CDN__/static/js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__CDN__/static/js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var h = 0

    function setHeight() {
        h = $(window).height() - 300;
        $(".marquee").css({
            height: h
        })

    }
    setHeight()
    $(window).resize(function() {
        setHeight()
    });
    var vis = Math.ceil(h / 75);
    jQuery(".txtMarquee-top").slide({
        mainCell: ".bd",
        autoPlay: true,
        effect: "topMarquee",
        vis: vis,
        interTime: 36,
        trigger: "click"
    });
    var one = h-80;
    var vis01 = Math.ceil(one/70);
    jQuery(".txtMarquee-top01").slide({
        mainCell: ".bd",
        autoPlay: true,
        effect: "topMarquee",
        vis: vis01,
        interTime: 36,
        trigger: "click"
    });
</script>
</body>
</html>
